<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>权限管理</title>
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <link rel="stylesheet" href="css/qxgl.css">
</head>
<body>

<div class="layui-row">
    <!--左侧导航栏-->
    <div id="qx-nav"class="layui-col-xs2">
        <ul class="layui-nav layui-nav-tree layui-inline" lay-shrink="all" lay-filter="demo" style="margin-right: 10px;">
            <li class="layui-nav-item layui-this"><a href="qxgl.html">角色绑定</a></li>
            <li class="layui-nav-item">
                <a href="qx-sjgl.html">权限等级管理</a>
                <dl class="layui-nav-child">
                    <dd><a href="qx-sjgl.html">数据权限</a></dd>
                    <dd><a href="qx-gngl.html">功能权限</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="layui-col-xs1 effect">
        权限角色
    </div>
    <div id="qx-content" class="layui-col-xs3 layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">角色搜索</label>
            <div class="layui-input-block">
                <select name="interest" lay-filter="lv" id="qx-select">
                    <option value=""></option>
                    <option value="管理员">管理员</option>
                    <option value="园长" selected="">园长</option>
                    <option value="教师">教师</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-col-xs2">
        <div class="layui-btn-group">
            <button type="button" class="layui-btn" id="qx-set">角色搜索</button>
        </div>
    </div>
    <div class="layui-col-xs2">
        <input type="text" class="layui-input" name="userName" id="nameSearch">
    </div>
    <div class="layui-col-xs2">
        <div class="layui-btn-group">
            <button type="button" class="layui-btn" id="qx-research">姓名搜索</button>
        </div>
    </div>
    <!--预览信息（表格）-->
    <div class="layui-col-xs10">
        <table class="layui-hide" lay-filter="text" id="role-show"></table>
        <!--批量操作按钮-->
<!--        <script type="text/html" id="qx-set-more">-->
<!--            <div class="layui-btn-container">-->
<!--                <button class="layui-btn layui-btn-sm" lay-event="getCheckData">批量设置职位</button>-->
<!--&lt;!&ndash;                <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>&ndash;&gt;-->
<!--&lt;!&ndash;                <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>&ndash;&gt;-->
<!--            </div>-->
<!--        </script>-->
        <!--每行权限等级操作按钮-->
<!--        <script type="text/html" id="px-role-set">-->
<!--            <button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon"></i></button>-->
<!--            <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon"></i></button>-->
<!--        </script>-->
        <script type="text/html" id="px-role-set">
            <a class="layui-btn layui-btn-sm" lay-event="edit"><i class="layui-icon"></i></a>
            <a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del"><i class="layui-icon"></i></a>
        </script>
    </div>
</div>
<!--弹出框-->
<form class="layui-form" id="qx-chose" >
    <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
            <input type="text" name="title" required  lay-verify="required" autocomplete="on" class="layui-input" id="username" readonly style="width:100px">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">选择职位</label>
        <div class="layui-input-block">
            <select name="quiz" lay-search id="qx-set-select">
                <option value="" selected="">选择职位</option>
                <option value="管理员">管理员</option>
                <option value="园长" >园长</option>
                <option value="教师">教师</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label" >备注</label>
        <div class="layui-input-block">
            <textarea lay-verify="required" name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
    </div>
</form>

</body>
<script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="js/qxgl.js"></script>
</html>